/* 整体 */
.body{
    display: flex;
    flex-direction: column;
}
/* 头部部分*/
#title {
    height: 100px;
    background-color:#99CCFF;
} 

/* logo样式 */
#title>img {
    height: 100px;
    margin-left: 100px;
} 

/* 标题文字样式 */
#title>span {
    font-size: 45px;
    float: right;
    margin-right: 100px;
    margin-top: 10px;
    color:#ffcccc;
    font-weight: 540;
} 
/* 下面整体 */
.exchange-content{
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
/* 左边导航栏部分 */
.list-group {
    display: flex;
    flex-direction: column;
    width: 300px;
    height: 550px;
} 
.list-group>div{
    list-style-type: none;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    display: flex;
} 
.list-group-item {
    color:#FF9999;
    text-align: center;
    font-size: 18px;
}
/* .list-group-item-secondary{
    background-color:aquamarine;
}

.list-group-item-primary {
    background-color:#CCCCFF;
}  */
.list-group-item{
  background-color:  #CCFFFF;
}

.exchange-table{
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%；
}
/* 表格区域 */
.table-hover>thead>tr{
    background-color: #FFCCCC;
}
.table-hover>tbody{
    background-color: #99CCFF;
}
.btn-primary {
background-color:#FFCCCC;
}
.btn-secondary {
    background-color:#FFCCCC ;
    border-color:#FF9999;
}
